{% extends "base.html" %}
{% load i18n %}

{% block custom_styles %}
	<link rel="Stylesheet" type="text/css" href="/static/styles/crud.css" />
{% endblock custom_styles %}

{% block title %}{% trans 'Sign Up' %}{% endblock title %}
{% block page_title %}{% trans 'Sign Up' %}{% endblock page_title %}

{% block content %}


<div class="box">
			
	<div class="notop">
		<div class="left"></div>
		<div class="right"></div>
		<div class="center"></div>
	</div>
	
	<div class="middle">
		
		
		{% if form.errors %}
		<p class="errornote">
		{% blocktrans count form.errors.items|length as counter %}Please correct the error below.{% plural %}Please correct the errors below.{% endblocktrans %}
		</p>
		{% endif %}
						
		<form action="" method="post">{% csrf_token %}
		
			{% for field in form %}
			<div class="form_field_wrapper">
				{% if field.errors %}
				<div class="form_field_error">{{ field.errors }}</div>
				{% endif %}
				<div class="form_field">
					<div class="form_field_label">
						<label>{{ field.label_tag }}:</label>
					</div>
					<div class="form_field_input">
						{{ field }}
					</div> 
					<br class="clear" />
				</div>
			</div>
			{% endfor %}
			{% if error_captcha|length > 0 %}
			<div style="color: red">{{ error_captcha }}</div>
			{% endif %}
			<br class="clear"/>
			<div class="form_buttons">
				<input type="submit" value="{% trans 'Sign Up' %}" class="form_button" />
			</div>
		
		</form>
		
		
	</div>
	
	<div class="bottom">
		<div class="left"></div><div class="right"></div><div class="center"></div>
	</div>
</div>

{% endblock content %}
